<ion-view view-title="我的拍卖">

    <div class="bar bar-subheader padding-bottom-0">
        <div class="row padding-0 text-center  font-large-my  padding-0">
            <div class="col" ng-class="selectIndex==0?'top-activated':''" on-tap="activeSlide(0)">
                竞拍中
            </div>
            <div class="col" ng-class="selectIndex==1?'top-activated':''" on-tap="activeSlide(1)">
                未中标
            </div>
            <div class="col" ng-class="selectIndex==2?'top-activated':''" on-tap="activeSlide(2)">
                未支付
            </div>
            <div class="col" ng-class="selectIndex==3?'top-activated':''" on-tap="activeSlide(3)">
                已支付
            </div>
        </div>
    </div>
    <ion-content class="has-subheader">
        <ion-refresher pulling-text="下拉刷新..." on-refresh="doRefresh()"></ion-refresher>
        <ion-slide-box delegate-handle="main-handle" on-slide-changed="slideChanged(index)" active-slide="slideIndex" show-pager="false">
            <!--竞拍中-->
            <ion-slide>
                <div class="list list-borderless" ng-repeat="doing in data.act">
                    <div class="item item-thumbnail-left" style="padding-right: 5px; padding-bottom:5px; padding-top:5px;">
                        <img src="{{doing.image.image}}">
                        <!--<p><b>这里是一个产品小名称</b></p>-->
                        <p><span class="assertive">{{doing.name}}</span><span class="right-zhang balanced">{{doing.status}}</span></p>
                        <p><i class="icon ion-clock"></i>{{doing.start_time}}</p>
                        <p><i class="icon ion-clock"></i>{{doing.end_time}}</p>
                        <p>
                            已支付
                        </p>
                    </div>
                </div>
            </ion-slide>

            <!--未中标-->
            <ion-slide>
                <div class="list list-borderless" ng-repeat="lost in data.act">
                    <div class="item item-thumbnail-left" style="padding-right: 5px; padding-bottom:5px; padding-top:5px;">
                        <img src="{{lost.image.image}}">
                        <!--<p><b>这里是一个产品小名称</b></p>-->
                        <p><span class="assertive">{{lost.name}}</span><span class="right-zhang balanced">{{lost.status}}</span></p>
                        <p><i class="icon ion-clock"></i>{{lost.start_time}}</p>
                        <p><i class="icon ion-clock"></i>{{lost.end_time}}</p>
                        <p>
                            未中标
                        </p>
                    </div>
                </div>
            </ion-slide>

            <!--未支付-->
            <ion-slide>
                <div class="list list-borderless" ng-repeat="unpay in data.act">
                    <div class="item item-thumbnail-left" style="padding-right: 5px; padding-bottom:5px; padding-top:5px;">
                        <img src="{{unpay.image.image}}">
                        <!--<p><b>这里是一个产品小名称</b></p>-->
                        <p><span class="assertive">{{unpay.name}}</span><span class="right-zhang balanced">{{unpay.status}}</span></p>
                        <p><i class="icon ion-clock"></i>{{unpay.start_time}}</p>
                        <p><i class="icon ion-clock"></i>{{unpay.end_time}}</p>
                        <p>
                            未支付
                        </p>
                    </div>
                </div>
            </ion-slide>

            <!--已支付-->
            <ion-slide>
                <div class="list list-borderless" ng-repeat="payed in data.act">
                    <div class="item item-thumbnail-left" style="padding-right: 5px; padding-bottom:5px; padding-top:5px;">
                        <img src="{{payed.image.image}}">
                        <!--<p><b>这里是一个产品小名称</b></p>-->
                        <p><span class="assertive">{{payed.name}}</span><span class="right-zhang balanced">{{payed.status}}</span></p>
                        <p><i class="icon ion-clock"></i>{{payed.start_time}}</p>
                        <p><i class="icon ion-clock"></i>{{payed.end_time}}</p>
                        <p>
                            已支付
                        </p>
                    </div>
                </div>
            </ion-slide>

        </ion-slide-box>
        <ion-infinite-scroll ng-if="!isLoad" immediate-check="false" on-infinite="doRefreshMore()" distance="1%"></ion-infinite-scroll>
    </ion-content>
</ion-view>